
/**
 * 
 * @param {*} page 当前页面
 * @param {*} pageNumber 总页数
 * @param {*} mostNumber 中间多少个数字
 * @param {*} container 分页创建好放入的容器
 */
function createPager(page, pageNumber, mostNumber, container) {
    container.innerHTML = '';
    let divPager = document.createElement('div');
    divPager.className = 'pager';

    function createAnthor(className, text, newPage) {
        let a = document.createElement('a');
        a.className = className;
        a.innerText = text;
        divPager.appendChild(a)
        a.onclick = function () {
            if (newPage < 1 || newPage > pageNumber || newPage === page) {
                return;
            }
            createPager(newPage, pageNumber, mostNumber, container);
        }
    }

    // 首页和上一页
    if (page === 1) {
        // 当前是第一页 
        // 该函数需要知道的信息 1.要不要挂样式类 2. 中间的文本写什么 3. 点击后跳转到第几页
        createAnthor('disabled', '首页', 1);
        createAnthor('disabled', '上一页', page - 1);
    } else {
        createAnthor('', '首页', 1);
        createAnthor('', '上一页', page - 1);
    }

    // 中间的数字
    let min = Math.floor(page - mostNumber / 2);
    if (min < 1) {
        min = 1;
    }
    let max = min + mostNumber - 1;
    if (max > pageNumber) {
        max = pageNumber;
    }
    for (let i = min; i <= max; i++) {
        if (i === page) {
            createAnthor('active', i, i)
        } else {
            createAnthor('', i, i)
        }
    }

    // 下一页和尾页
    if (page === pageNumber) {
        // 当前是第一页 
        // 该函数需要知道的信息 1.要不要挂样式类 2. 中间的文本写什么 3. 点击后跳转到第几页
        createAnthor('disabled', '下一页', page + 1);
        createAnthor('disabled', '尾页', pageNumber);
    } else {
        createAnthor('', '下一页', page + 1);
        createAnthor('', '尾页', pageNumber);
    }

    // 当前页
    let span = document.createElement('span');
    span.innerText = page + '/' + pageNumber;
    divPager.appendChild(span);

    container.appendChild(divPager)
}

let divContainer = document.querySelector('.pagerContainer');
createPager(1, 50, 10, divContainer);